﻿<!-- header begin-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>控制台 - Bootstrap后台管理系统模版Ace下载</title>
<meta name="keywords"
	content="Bootstrap模版,Bootstrap模版下载,Bootstrap教程,Bootstrap中文" />
<meta name="description"
	content="站长素材提供Bootstrap模版,Bootstrap教程,Bootstrap中文翻译等相关Bootstrap插件下载" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- basic styles -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="assets/css/font-awesome.min.css" />

<!--[if IE 7]>
		  <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
		<![endif]-->

<!-- page specific plugin styles -->

<!-- fonts -->

<link rel="stylesheet"
	href="http://fonts.googleapis.com/css?family=Open+Sans:400,300" />

<!-- ace styles -->

<link rel="stylesheet" href="assets/css/ace.min.css" />
<link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
<link rel="stylesheet" href="assets/css/ace-skins.min.css" />

<!--[if lte IE 8]>
		  <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
		<![endif]-->

<!-- inline styles related to this page -->

<!-- ace settings handler -->

<script src="assets/js/ace-extra.min.js"></script>

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

<!--[if lt IE 9]>
		<script src="assets/js/html5shiv.js"></script>
		<script src="assets/js/respond.min.js"></script>
		<![endif]-->
</head>

<body>
	<div class="navbar navbar-default" id="navbar">
		<script type="text/javascript">
			try {
				ace.settings.check('navbar', 'fixed')
			} catch (e) {
			}
		</script>

		<div class="navbar-container" id="navbar-container">
			<div class="navbar-header pull-left">
				<a href="#" class="navbar-brand"> <small> <i
						class="icon-leaf"></i> ACE后台管理系统
				</small>
				</a>
				<!-- /.brand -->
			</div>
			<!-- /.navbar-header -->

			<div class="navbar-header pull-right" role="navigation">
				<ul class="nav ace-nav">
					<li class="grey"><a data-toggle="dropdown"
						class="dropdown-toggle" href="#"> <i class="icon-tasks"></i> <span
							class="badge badge-grey">4</span>
					</a>

						<ul
							class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
							<li class="dropdown-header"><i class="icon-ok"></i> 还有4个任务完成
							</li>

							<li><a href="#">
									<div class="clearfix">
										<span class="pull-left">软件更新</span> <span class="pull-right">65%</span>
									</div>

									<div class="progress progress-mini ">
										<div style="width: 65%" class="progress-bar "></div>
									</div>
							</a></li>

							<li><a href="#">
									<div class="clearfix">
										<span class="pull-left">硬件更新</span> <span class="pull-right">35%</span>
									</div>

									<div class="progress progress-mini ">
										<div style="width: 35%"
											class="progress-bar progress-bar-danger"></div>
									</div>
							</a></li>

							<li><a href="#">
									<div class="clearfix">
										<span class="pull-left">单元测试</span> <span class="pull-right">15%</span>
									</div>

									<div class="progress progress-mini ">
										<div style="width: 15%"
											class="progress-bar progress-bar-warning"></div>
									</div>
							</a></li>

							<li><a href="#">
									<div class="clearfix">
										<span class="pull-left">错误修复</span> <span class="pull-right">90%</span>
									</div>

									<div class="progress progress-mini progress-striped active">
										<div style="width: 90%"
											class="progress-bar progress-bar-success"></div>
									</div>
							</a></li>

							<li><a href="#"> 查看任务详情 <i class="icon-arrow-right"></i>
							</a></li>
						</ul></li>

					<li class="purple"><a data-toggle="dropdown"
						class="dropdown-toggle" href="#"> <i
							class="icon-bell-alt icon-animated-bell"></i> <span
							class="badge badge-important">8</span>
					</a>

						<ul
							class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
							<li class="dropdown-header"><i class="icon-warning-sign"></i>
								8条通知</li>

							<li><a href="#">
									<div class="clearfix">
										<span class="pull-left"> <i
											class="btn btn-xs no-hover btn-pink icon-comment"></i> 新闻评论
										</span> <span class="pull-right badge badge-info">+12</span>
									</div>
							</a></li>

							<li><a href="#"> <i
									class="btn btn-xs btn-primary icon-user"></i> 切换为编辑登录..
							</a></li>

							<li><a href="#">
									<div class="clearfix">
										<span class="pull-left"> <i
											class="btn btn-xs no-hover btn-success icon-shopping-cart"></i>
											新订单
										</span> <span class="pull-right badge badge-success">+8</span>
									</div>
							</a></li>

							<li><a href="#">
									<div class="clearfix">
										<span class="pull-left"> <i
											class="btn btn-xs no-hover btn-info icon-twitter"></i> 粉丝
										</span> <span class="pull-right badge badge-info">+11</span>
									</div>
							</a></li>

							<li><a href="#"> 查看所有通知 <i class="icon-arrow-right"></i>
							</a></li>
						</ul></li>

					<li class="green"><a data-toggle="dropdown"
						class="dropdown-toggle" href="#"> <i
							class="icon-envelope icon-animated-vertical"></i> <span
							class="badge badge-success">5</span>
					</a>

						<ul
							class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
							<li class="dropdown-header"><i class="icon-envelope-alt"></i>
								5条消息</li>

							<li><a href="#"> <img src="assets/avatars/avatar.png"
									class="msg-photo" alt="Alex's Avatar" /> <span
									class="msg-body"> <span class="msg-title"> <span
											class="blue">Alex:</span> 不知道写啥 ...
									</span> <span class="msg-time"> <i class="icon-time"></i> <span>1分钟以前</span>
									</span>
								</span>
							</a></li>

							<li><a href="#"> <img src="assets/avatars/avatar3.png"
									class="msg-photo" alt="Susan's Avatar" /> <span
									class="msg-body"> <span class="msg-title"> <span
											class="blue">Susan:</span> 不知道翻译...
									</span> <span class="msg-time"> <i class="icon-time"></i> <span>20分钟以前</span>
									</span>
								</span>
							</a></li>

							<li><a href="#"> <img src="assets/avatars/avatar4.png"
									class="msg-photo" alt="Bob's Avatar" /> <span class="msg-body">
										<span class="msg-title"> <span class="blue">Bob:</span>
											到底是不是英文 ...
									</span> <span class="msg-time"> <i class="icon-time"></i> <span>下午3:15</span>
									</span>
								</span>
							</a></li>

							<li><a href="inbox.html"> 查看所有消息 <i
									class="icon-arrow-right"></i>
							</a></li>
						</ul></li>

					<li class="light-blue"><a data-toggle="dropdown" href="#"
						class="dropdown-toggle"> <img class="nav-user-photo"
							src="assets/avatars/user.jpg" alt="Jason's Photo" /> <span
							class="user-info"> <small>欢迎光临,</small> Jason
						</span> <i class="icon-caret-down"></i>
					</a>

						<ul
							class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
							<li><a href="#"> <i class="icon-cog"></i> 设置
							</a></li>

							<li><a href="#"> <i class="icon-user"></i> 个人资料
							</a></li>

							<li class="divider"></li>

							<li><a href="#"> <i class="icon-off"></i> 退出
							</a></li>
						</ul></li>
				</ul>
				<!-- /.ace-nav -->
			</div>
			<!-- /.navbar-header -->
		</div>
		<!-- /.container -->
	</div>

	<div class="main-container" id="main-container">
		<script type="text/javascript">
			try {
				ace.settings.check('main-container', 'fixed')
			} catch (e) {
			}
		</script>

		<div class="main-container-inner">
			<a class="menu-toggler" id="menu-toggler" href="#"> <span
				class="menu-text"></span>
			</a>

			<div class="sidebar" id="sidebar">
				<script type="text/javascript">
					try {
						ace.settings.check('sidebar', 'fixed')
					} catch (e) {
					}
				</script>

				<div class="sidebar-shortcuts" id="sidebar-shortcuts">
					<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
						<button class="btn btn-success">
							<i class="icon-signal"></i>
						</button>

						<button class="btn btn-info">
							<i class="icon-pencil"></i>
						</button>

						<button class="btn btn-warning">
							<i class="icon-group"></i>
						</button>

						<button class="btn btn-danger">
							<i class="icon-cogs"></i>
						</button>
					</div>

					<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
						<span class="btn btn-success"></span> <span class="btn btn-info"></span>

						<span class="btn btn-warning"></span> <span class="btn btn-danger"></span>
					</div>
				</div>
				<!-- #sidebar-shortcuts -->

				<ul class="nav nav-list">
					<li class="active"><a href="index.html"> <i
							class="icon-dashboard"></i> <span class="menu-text"> 控制台 </span>
					</a></li>

					<li><a href="typography.html"> <i class="icon-text-width"></i>
							<span class="menu-text"> 文字排版 </span>
					</a></li>

					<li><a href="#" class="dropdown-toggle"> <i
							class="icon-desktop"></i> <span class="menu-text"> UI 组件 </span>

							<b class="arrow icon-angle-down"></b>
					</a>

						<ul class="submenu">
							<li><a href="elements.html"> <i
									class="icon-double-angle-right"></i> 组件
							</a></li>

							<li><a href="buttons.html"> <i
									class="icon-double-angle-right"></i> 按钮 &amp; 图表
							</a></li>

							<li><a href="treeview.html"> <i
									class="icon-double-angle-right"></i> 树菜单
							</a></li>

							<li><a href="jquery-ui.html"> <i
									class="icon-double-angle-right"></i> jQuery UI
							</a></li>

							<li><a href="nestable-list.html"> <i
									class="icon-double-angle-right"></i> 可拖拽列表
							</a></li>

							<li><a href="#" class="dropdown-toggle"> <i
									class="icon-double-angle-right"></i> 三级菜单 <b
									class="arrow icon-angle-down"></b>
							</a>

								<ul class="submenu">
									<li><a href="#"> <i class="icon-leaf"></i> 第一级
									</a></li>

									<li><a href="#" class="dropdown-toggle"> <i
											class="icon-pencil"></i> 第四级 <b class="arrow icon-angle-down"></b>
									</a>

										<ul class="submenu">
											<li><a href="#"> <i class="icon-plus"></i> 添加产品
											</a></li>

											<li><a href="#"> <i class="icon-eye-open"></i> 查看商品
											</a></li>
										</ul></li>
								</ul></li>
						</ul></li>

					<li><a href="#" class="dropdown-toggle"> <i
							class="icon-list"></i> <span class="menu-text"> 表格 </span> <b
							class="arrow icon-angle-down"></b>
					</a>

						<ul class="submenu">
							<li><a href="tables.html"> <i
									class="icon-double-angle-right"></i> 简单 &amp; 动态
							</a></li>

							<li><a href="jqgrid.html"> <i
									class="icon-double-angle-right"></i> jqGrid plugin
							</a></li>
						</ul></li>

					<li><a href="#" class="dropdown-toggle"> <i
							class="icon-edit"></i> <span class="menu-text"> 表单 </span> <b
							class="arrow icon-angle-down"></b>
					</a>

						<ul class="submenu">
							<li><a href="form-elements.html"> <i
									class="icon-double-angle-right"></i> 表单组件
							</a></li>

							<li><a href="form-wizard.html"> <i
									class="icon-double-angle-right"></i> 向导提示 &amp; 验证
							</a></li>

							<li><a href="wysiwyg.html"> <i
									class="icon-double-angle-right"></i> 编辑器
							</a></li>

							<li><a href="dropzone.html"> <i
									class="icon-double-angle-right"></i> 文件上传
							</a></li>
						</ul></li>

					<li><a href="widgets.html"> <i class="icon-list-alt"></i>
							<span class="menu-text"> 插件 </span>
					</a></li>

					<li><a href="calendar.html"> <i class="icon-calendar"></i>

							<span class="menu-text"> 日历 <span
								class="badge badge-transparent tooltip-error"
								title="2&nbsp;Important&nbsp;Events"> <i
									class="icon-warning-sign red bigger-130"></i>
							</span>
						</span>
					</a></li>

					<li><a href="gallery.html"> <i class="icon-picture"></i> <span
							class="menu-text"> 相册 </span>
					</a></li>

					<li><a href="#" class="dropdown-toggle"> <i
							class="icon-tag"></i> <span class="menu-text"> 更多页面 </span> <b
							class="arrow icon-angle-down"></b>
					</a>

						<ul class="submenu">
							<li><a href="profile.html"> <i
									class="icon-double-angle-right"></i> 用户信息
							</a></li>

							<li><a href="inbox.html"> <i
									class="icon-double-angle-right"></i> 收件箱
							</a></li>

							<li><a href="pricing.html"> <i
									class="icon-double-angle-right"></i> 售价单
							</a></li>

							<li><a href="invoice.html"> <i
									class="icon-double-angle-right"></i> 购物车
							</a></li>

							<li><a href="timeline.html"> <i
									class="icon-double-angle-right"></i> 时间轴
							</a></li>

							<li><a href="login.html"> <i
									class="icon-double-angle-right"></i> 登录 &amp; 注册
							</a></li>
						</ul></li>

					<li><a href="#" class="dropdown-toggle"> <i
							class="icon-file-alt"></i> <span class="menu-text"> 其他页面 <span
								class="badge badge-primary ">5</span>
						</span> <b class="arrow icon-angle-down"></b>
					</a>

						<ul class="submenu">
							<li><a href="faq.html"> <i
									class="icon-double-angle-right"></i> 帮助
							</a></li>

							<li><a href="error-404.html"> <i
									class="icon-double-angle-right"></i> 404错误页面
							</a></li>

							<li><a href="error-500.html"> <i
									class="icon-double-angle-right"></i> 500错误页面
							</a></li>

							<li><a href="grid.html"> <i
									class="icon-double-angle-right"></i> 网格
							</a></li>

							<li><a href="blank.html"> <i
									class="icon-double-angle-right"></i> 空白页面
							</a></li>
						</ul></li>
				</ul>
				<!-- /.nav-list -->

				<div class="sidebar-collapse" id="sidebar-collapse">
					<i class="icon-double-angle-left"
						data-icon1="icon-double-angle-left"
						data-icon2="icon-double-angle-right"></i>
				</div>

				<script type="text/javascript">
					try {
						ace.settings.check('sidebar', 'collapsed')
					} catch (e) {
					}
				</script>
			</div>
			<!-- header end-->
			<!-- content begin -->
			<div class="main-content">
				<div class="breadcrumbs" id="breadcrumbs">
					<script type="text/javascript">
						try {
							ace.settings.check('breadcrumbs', 'fixed')
						} catch (e) {
						}
					</script>

					<ul class="breadcrumb">
						<li><i class="icon-home home-icon"></i> <a href="#">首页</a></li>
						<li class="active">控制台</li>
					</ul>
					<!-- .breadcrumb -->

					<div class="nav-search" id="nav-search">
						<form class="form-search">
							<span class="input-icon"> <input type="text"
								placeholder="Search ..." class="nav-search-input"
								id="nav-search-input" autocomplete="off" /> <i
								class="icon-search nav-search-icon"></i>
							</span>
						</form>
					</div>
					<!-- #nav-search -->
				</div>

				<div class="page-content">
					<div class="page-header">
						<h1>
							控制台 <small> <i class="icon-double-angle-right"></i> 查看
							</small>
						</h1>
					</div>
					<!-- /.page-header -->

					<div class="row">
						<div class="col-xs-12">
							<!-- PAGE CONTENT BEGINS -->
							<div id="container" style="height: 100%">
								<table border="1" th:if="${not #lists.isEmpty(signalGroups)}"
									class="table table-striped table-bordered">
									<thead>
										<tr>
											<th>股票代码 (Stock Code)/名称(Stock Name)</th>
											<th>盘口</th>
											<th>指标 (Indicator)</th>
											<th>数量 (Count)</th>
											<th>收盘价 (Close)</th>
											<th>信号类型 (Signal Type)</th>
											<th>日期 (Signal Date)</th>
										</tr>
									</thead>
									<tbody>
										<tr th:each="group : ${signalGroups}">
											<td th:with="cleanCode=${#strings.toUpperCase(#strings.replace(group.stockCode, '.', ''))}">
												<!-- 股票链接（触发模态框） -->
										        <a href="javascript:;"
												class="open-stock-modal"
												th:data-stock-code="${group.stockCode}"
												th:data-api-url="'/taomu/stock/api/listed/companies/' + ${group.stockCode}"
												th:text="${group.stockCode}"> </a>
												/ <a th:href="'https://xueqiu.com/S/' + ${cleanCode}"
                                                th:text="${group.codeName}" target="_blank"></a>
                                                <div th:id="|div_${#strings.replace(group.stockCode, '.', '_')}|"></div>
											</td>
											<td th:id="${group.stockCode}">
												
											</td>
											<td th:text="${group.indicator}"></td>
											<td th:text="${group.count}"></td>
											<td th:text="${group.close}"></td>
											<td th:text="${group.signalType}"></td>
											<td
												th:text="${#dates.format(group.signalDate, 'yyyy-MM-dd')}"></td>
										</tr>
									</tbody>
								</table>
                                
								<div th:if="${#lists.isEmpty(signalGroups)}">
									<p>暂无数据</p>
								</div>
								<!-- 模态窗口（Modal） -->
<div class="modal fade" id="stockModal" tabindex="-1" role="dialog">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">股票详情</h4>
      </div>
      <div class="modal-body">
        <div class="text-center">
          <span class="text-muted">加载中...</span>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
      </div>
    </div>
  </div>
</div>
<script>
// 缓存已加载的股票数据
const modalCache = {};

function fetchStockSequentially() {
    const $tds = $('td[id^="sh."], td[id^="sz."]').toArray();
    
    function fetchOneByOne() {
        if ($tds.length === 0) return;

        const $td = $($tds.shift()); // 取出第一个
        const stockCode = $td.attr('id');

        if (stockCode) {
        	//var result = {"sell":[{"price":10.77,"volume":234},{"price":10.76,"volume":334},{"price":10.75,"volume":1039},{"price":10.74,"volume":927},{"price":10.73,"volume":847}],"buy":[{"price":10.72,"volume":1784},{"price":10.71,"volume":392},{"price":10.7,"volume":956},{"price":10.69,"volume":932},{"price":10.68,"volume":869}]}
        	
           $.ajax({
                url: '/taomu/stock/api/pk/' + stockCode,
                method: 'GET',
                success: function(data) {
                	const sector =  template('stockPk1', data);
                	$("#div_"+stockCode.replace(".","_")).html(sector)
                	
                	const html =  template('stockPk', data.data);
                    //const html = JSON.stringify(result); 
                    $td.html(html);
                    //$('td[id="' + stockCode + '"]').html(data);
                    console.log('已更新:', stockCode);
                },
                error: function() {
                    console.error('请求失败:', stockCode);
                },
                complete: function() {
                    // 不管成功失败，1秒后再处理下一个
                    if ($tds.length > 0) {
                        setTimeout(fetchOneByOne, 1000);
                    } else {
                        console.log('全部完成');
                    }
                }
            });
        } else {
            setTimeout(fetchOneByOne, 1000); // 跳过无效项
        }
    }

    fetchOneByOne(); // 开始
}

$(document).ready(function () {
	setInterval(fetchStockSequentially, 12000);
	//fetchStockSequentially()
    // 为所有 .open-stock-modal 绑定点击事件
    $(document).on('click', '.open-stock-modal', function () {
        const $btn = $(this);
        const code = $btn.data('stock-code');     // 如: sh.600000
        const apiUrl = $btn.data('api-url');      // 接口地址

        // 显示模态框
        const $modal = $('#stockModal');
        const $body = $modal.find('.modal-body');

        // 设置加载状态
        $body.html('<div class="text-center"><span class="text-muted">加载中...</span></div>');
        $modal.modal('show');

        // 检查缓存
      //  if (modalCache[code] !== undefined) {
            // 缓存存在，直接显示
       //     renderStockDetail($body, modalCache[code]);
       //     return;
       // }

        // 缓存不存在，发起 AJAX 请求
        $.ajax({
            url: apiUrl,
            type: 'GET',
            dataType: 'json',
            timeout: 5000,
            success: function (resp) {
                if (resp !== undefined) {
                    // 缓存数据
                    modalCache[code] = resp;
                    // 渲染内容
                    renderStockDetail($body, resp,code);
                } else {
                    $body.html('<div class="text-danger text-center">暂无数据</div>');
                }
            },
            error: function () {
                $body.html('<div class="text-danger text-center">网络错误，加载失败</div>');
            }
        });
    });
});


function newChart(apiUrl,func){
	// 缓存不存在，发起 AJAX 请求
    $.ajax({
        url: apiUrl,
        type: 'GET',
        dataType: 'json',
        timeout: 5000,
        success: function (resp) {
        	func(resp.daily,resp.min) 
        },
        error: function () {
            $body.html('<div class="text-danger text-center">网络错误，加载失败</div>');
        }
    });
}

function deviation(code,func){
    // 缓存不存在，发起 AJAX 请求
    $.ajax({
        url: "/taomu/stock/api/deviation/"+code,
        type: 'GET',
        dataType: 'json',
        timeout: 5000,
        success: function (resp) {
            func(resp) 
        },
        error: function () {
            $body.html('<div class="text-danger text-center">网络错误，加载失败</div>');
        }
    });
}


// 渲染股票详情内容
function renderStockDetail($container, data,code) {
	newChart("/taomu/stock/api/newchart/"+code,function(daily,min){
		deviation(code,function(ddata){
			
			var result = { "result": data, "daily":daily, "min":min,"deviation":ddata }
	        const html =  template('stockInfo', result);
	        //const html = JSON.stringify(result); 
	        $container.html(html);
		})
	})
}
</script>

<script id="stockPk1" type="text/html"> 
    <table>
   <? for(var i=0;i<sector.length;i++) {?>
     <? var c = sector[i]?>
     <tr>
        <td><?=c[1]?></td>
        <? if(c[2].startsWith('-') === 0){ ?>
        <td class="e3 red"><?=c[2]?></td>
        <? }else if(c[2].startsWith('-') === 1){?>
        <td class="e3 green"><?=c[2]?></td>
        <?}else{?> 
        <td><?=c[2]?></td>
        <?}?>
     </tr>
   <?}?>
    </table>
</script>

<script id="stockPk" type="text/html"> 
<table width="100%" cellspacing="0" cellpadding="0" border="0" class="hd">
<tbody>
<tr class="lineA">
 <th>委比：<span class="<?= weiBi.startsWith('-') ? 'green' : 'red' ?>"><?=weiBi?></span>
 </th>
 <td>委差：<span class="<?= weiCha < 0 ? 'green' : 'red' ?>"><?=weiCha?></span></td>
</tr>
</tbody>
</table>                        
<table width="100%" cellspacing="0" cellpadding="0" border="0" class="tableB">
	<tbody>
		<tr>
			<td class="td1">卖⑤</td>
			<td data-field="2" class="td2 green"><?=sell[0].price?></td>
			<td data-field="3" class="td3 green"><?=sell[0].volume?></td>
		</tr>
		<tr class="trbg">
			<td class="td1">卖④</td>
			<td data-field="4" class="td2 green"><?=sell[1].price?></td>
			<td data-field="5" class="td3 green"><?=sell[1].volume?></td>
		</tr>
		<tr>
			<td class="td1">卖③ </td>
			<td data-field="6" class="td2 green"><?=sell[2].price?></td>
			<td data-field="7" class="td3 green"><?=sell[2].volume?></td>
		</tr>
		<tr class="trbg">
			<td class="td1">卖②</td>
			<td data-field="8" class="td2 green"><?=sell[3].price?></td>
			<td data-field="9" class="td3 green"><?=sell[3].volume?></td>
		</tr>
		<tr class="lineB">
			<td class="td1">卖①</td>
			<td data-field="10" class="td2 green"><?=sell[4].price?></td>
			<td data-field="11" class="td3 green"><?=sell[4].volume?></td>
		</tr>
		<tr>
			<td class="td1">买①</td>
			<td data-field="12" class="td2 red"><?=buy[0].price?></td>
			<td data-field="13" class="td3 red"><?=buy[0].volume?></td>
		</tr>
		<tr class="trbg">
			<td class="td1">买②</td>
			<td data-field="14" class="td2 red"><?=buy[1].price?></td>
			<td data-field="15" class="td3 red"><?=buy[1].volume?></td>
		</tr>
		<tr>
			<td class="td1">买③</td>
			<td data-field="16" class="td2 red"><?=buy[2].price?></td>
			<td data-field="17" class="td3 red"><?=buy[2].volume?></td>
		</tr>
		<tr class="trbg">
			<td class="td1">买④</td>
			<td data-field="18" class="td2 red"><?=buy[3].price?></td>
            <td data-field="19" class="td3 red"><?=buy[3].volume?></td>
		</tr>
		<tr class="lineA">
			<td class="td1">买⑤</td>
			<td data-field="20" class="td2 red"><?=buy[4].price?></td>
			<td data-field="21" class="td3 red"><?=buy[4].volume?></td>
		</tr>
	</tbody>
</table>
<table width="100%" cellspacing="0" cellpadding="0" border="0" class="ft">
<tbody>
 <tr>
 <th>外盘：<span class="e3 red"><?=outerVolume?></span></th>
 <td>内盘：<span class="e3 green"><?=innerVolume?></span></td>
</tr>
</tbody>
</table>
</script>
<script id="stockInfo" type="text/html">
<? for(var i=0;i< result.length ; i++) { ?>
<? var item = result[i]; ?>
<table>
 <tr>
   <th>股票代码</th>
   <td><?= item.stockCode ?> </td>
 </tr>
 <tr>
 <th>股票简称</th>
 <td><?= item.stockName ?> </td>
</tr>
<tr>
<th>公司名称</th>
<td><?= item.companyName ?> </td>
</tr>
<tr>
<th>省份/城市</th>
<td><?= item.province ?>/<?= item.city ?> </td>
</tr>
<tr>
<th>员工人数</th>
<td><?= item.employeeCount ?></td>
</tr>
<tr>
<th>上市日期</th>
<td><?= item.listingDate ?></td>
</tr>
<tr>
<th>行业分类</th>
<td><?= item.industryCategory ?></td>
</tr>
<tr>
<th>产品类型</th>
<td><?= item.productType ?></td>
</tr>
<tr>
<th>主营业务</th>
<td><?= item.mainBusiness ?></td>
</tr>
<tr>
<th>背离指标</th>
<td>
<table>
<? for(var j=0;j<deviation.length;j++){?>
<? var d = deviation[j] ?>
<tr>
<td>型号类型:<?= d.signalType ?></td>
<td>指标类型:<?= d.indicatorType ?></td>
<td>信号时间:<?= d.signalDate.year ?>-<?= d.signalDate.month ?>-<?= d.signalDate.day?></td>
<td>价格:<?= d.price ?></td>
<td>背离值:<?= d.indicatorValue ?></td>
</tr>
<? } ?>
</table>
</td>
</tr>
</table>
<img src="data:image/gif;base64,<?=daily ?>"/>
<img src="data:image/gif;base64,<?=min ?>"/>
<? } ?>
</script>
							</div>
							<!-- PAGE CONTENT ENDS -->
						</div>
						<!-- /.col -->
					</div>
					<!-- /.row -->
				</div>
				<!-- /.page-content -->
			</div>
			<!-- /.main-content -->

			<div class="ace-settings-container" id="ace-settings-container">
				<div class="btn btn-app btn-xs btn-warning ace-settings-btn"
					id="ace-settings-btn">
					<i class="icon-cog bigger-150"></i>
				</div>

				<div class="ace-settings-box" id="ace-settings-box">
					<div>
						<div class="pull-left">
							<select id="skin-colorpicker" class="hide">
								<option data-skin="default" value="#438EB9">#438EB9</option>
								<option data-skin="skin-1" value="#222A2D">#222A2D</option>
								<option data-skin="skin-2" value="#C6487E">#C6487E</option>
								<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
							</select>
						</div>
						<span>&nbsp; 选择皮肤</span>
					</div>

					<div>
						<input type="checkbox" class="ace ace-checkbox-2"
							id="ace-settings-navbar" /> <label class="lbl"
							for="ace-settings-navbar"> 固定导航条</label>
					</div>

					<div>
						<input type="checkbox" class="ace ace-checkbox-2"
							id="ace-settings-sidebar" /> <label class="lbl"
							for="ace-settings-sidebar"> 固定滑动条</label>
					</div>

					<div>
						<input type="checkbox" class="ace ace-checkbox-2"
							id="ace-settings-breadcrumbs" /> <label class="lbl"
							for="ace-settings-breadcrumbs">固定面包屑</label>
					</div>

					<div>
						<input type="checkbox" class="ace ace-checkbox-2"
							id="ace-settings-rtl" /> <label class="lbl"
							for="ace-settings-rtl">切换到左边</label>
					</div>

					<div>
						<input type="checkbox" class="ace ace-checkbox-2"
							id="ace-settings-add-container" /> <label class="lbl"
							for="ace-settings-add-container"> 切换窄屏 <b></b>
						</label>
					</div>
				</div>
			</div>
			<!-- /#ace-settings-container -->
		</div>
		<!-- /.main-container-inner -->

		<a href="#" id="btn-scroll-up"
			class="btn-scroll-up btn btn-sm btn-inverse"> <i
			class="icon-double-angle-up icon-only bigger-110"></i>
		</a>
	</div>
	<!-- /.main-container -->
	<!-- content end -->
	<!-- footer begin -->

	<!-- basic scripts -->

	<!--[if !IE]> -->

	<script
		src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

	<!-- <![endif]-->

	<!--[if IE]>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<![endif]-->

	<!--[if !IE]> -->

	<script type="text/javascript">
		window.jQuery
				|| document
						.write("<script src='assets/js/jquery-2.0.3.min.js'>"
								+ "<"+"script>");
	</script>

	<!-- <![endif]-->

	<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"script>");
</script>
<![endif]-->

	<script type="text/javascript">
		if ("ontouchend" in document)
			document
					.write("<script src='assets/js/jquery.mobile.custom.min.js'>"
							+ "<"+"script>");
	</script>
	<script src="assets/js/bootstrap.min.js"></script>
	<script src="assets/js/typeahead-bs2.min.js"></script>

	<!-- page specific plugin scripts -->

	<!--[if lte IE 8]>
		  <script src="assets/js/excanvas.min.js"></script>
		<![endif]-->

	<script src="assets/js/jquery-ui-1.10.3.custom.min.js"></script>
	<script src="assets/js/jquery.ui.touch-punch.min.js"></script>
	<script src="assets/js/jquery.slimscroll.min.js"></script>
	<script src="assets/js/jquery.easy-pie-chart.min.js"></script>
	<script src="assets/js/jquery.sparkline.min.js"></script>
	<script src="assets/js/flot/jquery.flot.min.js"></script>
	<script src="assets/js/flot/jquery.flot.pie.min.js"></script>
	<script src="assets/js/flot/jquery.flot.resize.min.js"></script>

	<!-- ace scripts -->

	<script src="assets/js/ace-elements.min.js"></script>
	<script src="assets/js/ace.min.js"></script>

	<!-- inline scripts related to this page -->

	<script type="text/javascript">
		jQuery(function($) {
			$('.easy-pie-chart.percentage')
					.each(
							function() {
								var $box = $(this).closest('.infobox');
								var barColor = $(this).data('color')
										|| (!$box.hasClass('infobox-dark') ? $box
												.css('color')
												: 'rgba(255,255,255,0.95)');
								var trackColor = barColor == 'rgba(255,255,255,0.95)' ? 'rgba(255,255,255,0.25)'
										: '#E2E2E2';
								var size = parseInt($(this).data('size')) || 50;
								$(this)
										.easyPieChart(
												{
													barColor : barColor,
													trackColor : trackColor,
													scaleColor : false,
													lineCap : 'butt',
													lineWidth : parseInt(size / 10),
													animate : /msie\s*(8|7|6)/
															.test(navigator.userAgent
																	.toLowerCase()) ? false
															: 1000,
													size : size
												});
							})

			$('.sparkline').each(
					function() {
						var $box = $(this).closest('.infobox');
						var barColor = !$box.hasClass('infobox-dark') ? $box
								.css('color') : '#FFF';
						$(this).sparkline('html', {
							tagValuesAttribute : 'data-values',
							type : 'bar',
							barColor : barColor,
							chartRangeMin : $(this).data('min') || 0
						});
					});

			var placeholder = $('#piechart-placeholder').css({
				'width' : '90%',
				'min-height' : '150px'
			});
			var data = [ {
				label : "social networks",
				data : 38.7,
				color : "#68BC31"
			}, {
				label : "search engines",
				data : 24.5,
				color : "#2091CF"
			}, {
				label : "ad campaigns",
				data : 8.2,
				color : "#AF4E96"
			}, {
				label : "direct traffic",
				data : 18.6,
				color : "#DA5430"
			}, {
				label : "other",
				data : 10,
				color : "#FEE074"
			} ]
			function drawPieChart(placeholder, data, position) {
				$.plot(placeholder, data, {
					series : {
						pie : {
							show : true,
							tilt : 0.8,
							highlight : {
								opacity : 0.25
							},
							stroke : {
								color : '#fff',
								width : 2
							},
							startAngle : 2
						}
					},
					legend : {
						show : true,
						position : position || "ne",
						labelBoxBorderColor : null,
						margin : [ -30, 15 ]
					},
					grid : {
						hoverable : true,
						clickable : true
					}
				})
			}
			drawPieChart(placeholder, data);

			/**
			we saved the drawing function and the data to redraw with different position later when switching to RTL mode dynamically
			so that's not needed actually.
			 */
			placeholder.data('chart', data);
			placeholder.data('draw', drawPieChart);

			var $tooltip = $(
					"<div class='tooltip top in'><div class='tooltip-inner'></div></div>")
					.hide().appendTo('body');
			var previousPoint = null;

			placeholder.on('plothover', function(event, pos, item) {
				if (item) {
					if (previousPoint != item.seriesIndex) {
						previousPoint = item.seriesIndex;
						var tip = item.series['label'] + " : "
								+ item.series['percent'] + '%';
						$tooltip.show().children(0).text(tip);
					}
					$tooltip.css({
						top : pos.pageY + 10,
						left : pos.pageX + 10
					});
				} else {
					$tooltip.hide();
					previousPoint = null;
				}

			});

			var d1 = [];
			for (var i = 0; i < Math.PI * 2; i += 0.5) {
				d1.push([ i, Math.sin(i) ]);
			}

			var d2 = [];
			for (var i = 0; i < Math.PI * 2; i += 0.5) {
				d2.push([ i, Math.cos(i) ]);
			}

			var d3 = [];
			for (var i = 0; i < Math.PI * 2; i += 0.2) {
				d3.push([ i, Math.tan(i) ]);
			}

			var sales_charts = $('#sales-charts').css({
				'width' : '100%',
				'height' : '220px'
			});
			$.plot("#sales-charts", [ {
				label : "Domains",
				data : d1
			}, {
				label : "Hosting",
				data : d2
			}, {
				label : "Services",
				data : d3
			} ], {
				hoverable : true,
				shadowSize : 0,
				series : {
					lines : {
						show : true
					},
					points : {
						show : true
					}
				},
				xaxis : {
					tickLength : 0
				},
				yaxis : {
					ticks : 10,
					min : -2,
					max : 2,
					tickDecimals : 3
				},
				grid : {
					backgroundColor : {
						colors : [ "#fff", "#fff" ]
					},
					borderWidth : 1,
					borderColor : '#555'
				}
			});

			$('#recent-box [data-rel="tooltip"]').tooltip({
				placement : tooltip_placement
			});
			function tooltip_placement(context, source) {
				var $source = $(source);
				var $parent = $source.closest('.tab-content')
				var off1 = $parent.offset();
				var w1 = $parent.width();

				var off2 = $source.offset();
				var w2 = $source.width();

				if (parseInt(off2.left) < parseInt(off1.left)
						+ parseInt(w1 / 2))
					return 'right';
				return 'left';
			}

			$('.dialogs,.comments').slimScroll({
				height : '300px'
			});

			//Android's default browser somehow is confused when tapping on label which will lead to dragging the task
			//so disable dragging when clicking on label
			var agent = navigator.userAgent.toLowerCase();
			if ("ontouchstart" in document && /applewebkit/.test(agent)
					&& /android/.test(agent))
				$('#tasks').on('touchstart', function(e) {
					var li = $(e.target).closest('#tasks li');
					if (li.length == 0)
						return;
					var label = li.find('label.inline').get(0);
					if (label == e.target || $.contains(label, e.target))
						e.stopImmediatePropagation();
				});

			$('#tasks').sortable({
				opacity : 0.8,
				revert : true,
				forceHelperSize : true,
				placeholder : 'draggable-placeholder',
				forcePlaceholderSize : true,
				tolerance : 'pointer',
				stop : function(event, ui) {//just for Chrome!!!! so that dropdowns on items don't appear below other items after being moved
					$(ui.item).css('z-index', 'auto');
				}
			});
			$('#tasks').disableSelection();
			$('#tasks input:checkbox').removeAttr('checked').on('click',
					function() {
						if (this.checked)
							$(this).closest('li').addClass('selected');
						else
							$(this).closest('li').removeClass('selected');
					});

		})
	</script>
	<div style="display: none">
		<script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540'
			language='JavaScript' charset='gb2312'></script>
	</div>
</body>
</html>
<!-- footer end -->